<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2017/11/28
  Time: 15:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../../static/js/vue%20(1).js" type="text/javascript" charset="utf-8"></script>
    <script src="../../static/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../static/js/mui.min.js"></script>
    <script src="../../static/js/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../static/js/mui-public.js" type="text/javascript" charset="utf-8"></script>
    <link href="../../static/css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../static/css/mui.picker.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/css/public.css"/>
    <script type="text/javascript" charset="utf-8">
        mui.init();
    </script>
    <script type="text/javascript">
        //页面基础配置js
        $(function(){
            var data = [{
                value: '110000',
                text: '北京市',
                children: [{
                    value: "110101",
                    text: "东城区",
                    children:[{
                        value:"0000",
                        text:"团结乡"
                    },
                        {
                            value:"1111",
                            text:"不团结乡"
                        }
                    ]
                },
                    {
                        value: "110101",
                        text: "西城区",
                        children:[{
                            value:"0000",
                            text:"团结乡"
                        },
                            {
                                value:"1111",
                                text:"不团结乡"
                            }
                        ]
                    }]
            }, {
                value: '120000',
                text: '天津市',
                children: [{
                    value: "120101",
                    text: "和平区"
                }, {
                    value: "120102",
                    text: "河东区"
                }, {
                    value: "120104",
                    text: "南开区"
                }
                ]
            }];
            createPicter({data:data,layer:3,target:$("#Area-Picter")});
        })

    </script>

</head>

<body>
<header class="mui-bar mui-bar-nav qy-bg-success">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left qy-text-white"></a>
    <h1 class="mui-title qy-text-white">新增收货地址</h1>
</header>
<div class="mui-content">
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label class="qy-label-min qy-fl">收货人:</label>
            <input type="text" class="mui-input-clear qy-fl qy-text-grey" placeholder="收货人姓名">
        </div>
        <div class="mui-input-row">
            <label class="qy-label-min qy-fl">联系方式:</label>
            <input type="text" class="mui-input-clear qy-fl qy-text-grey" placeholder="请输入收货人联系方式">
        </div>
        <div class="mui-input-row">
            <label class="qy-label-min qy-fl">所在地区:</label>
            <input id="Area-Picter" type="text" readonly="readonly" class="mui-input-clear qy-fl qy-text-grey" placeholder="选择省市县">
            <a class="mui-navigate-right"></a>
        </div>
        <div class="mui-input-row">
            <label class="qy-label-min qy-fl">详细地址:</label>
            <input type="text" class="mui-input-clear qy-fl qy-text-grey" placeholder="街道,楼牌号等">
        </div>
        <div class="mui-input-row">
            <div class="mui-row">
                <div class="mui-col-sm-8">
                    <label class="qy-label-auto qy-fl">
                        <span class="qy-block">设为默认</span>
                        <small class="qy-text-grey">注:每次下单时会使用该地址</small>
                    </label>
                </div>
                <div class="mui-col-sm-4 qy-margin-top-8">
                    <div class="mui-switch">
                        <div class="mui-switch-handle"></div>
                    </div>
                </div>
            </div>
        </div>
        <button type="submit" data-loading-text="保存中..." data-loading-icon="mui-spinner mui-spinner-custom" class="qy-full-row mui-btn qy-bg-success qy-text-center qy-text-white qy-fixed-bottom">保存并使用</button>
    </form>
</div>
</body>

</html>